<template>
	<div id="app">
		<yd-layout>
			<transition name="fade" mode='out-in'>
				<router-view/>
			</transition>
		</yd-layout>
	</div>
</template>

<script>

export default {
	name: 'app',
	data() {
		return {
			list: [],
			listMe: []
		}
	}
}
</script>

<style>
@import './common/css/public.css';

@font-face {
	font-family: 'myFirstFont';
	src: url('./common/font/CalibriBold.ttf'),
}

#app {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	/* margin: auto auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0; */
	box-sizing: border-box;
	font-family: 'myFirstFont', 'Avenir', Helvetica, Arial, sans-serif;
	/* font-family: 'fontNameRegular,Helvetica, Arial, sans-serif'; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.yd-list-donetip{
	color: #aaa!important;
}
.navbar_header{
     background:#C1AD8C!important; 
    height: 0.9rem!important; 
}
.yd-navbar-center-box{
	height: 0.9rem!important; 
}
.navbar_header span{
    font-size:0.32rem!important;
}
.navbar_header span,.navbar_header i{
   color:#fff!important;
}
.yd-scrollview{
	margin: 0!important;
}
#app .yd-list-theme3 .yd-list-item .yd-list-title {
	height: 0.42rem;
}

#app .yd-btn-block {
	font-size: 0.28rem!important;
	height: 0.9rem!important;
}

#app .yd-list-img {
	height: auto!important;
	padding: 0;
}

#app .yd-list-img img {
	margin-top: 0;
}

input::-webkit-input-placeholder {
	/* WebKit browsers */
	position: relative;
	top: -1px;
}

.yd-scrollview:after {
	height: 0!important;
}

.fade-enter {
	opacity: 0.1;
}

.fade-leave {
	opacity: 1;
}

.fade-enter-active {
	transition: opacity .2s;
}

.fade-leave-active {
	opacity: 0;
	transition: opacity .2s;
}

.yd-backtop {
	bottom: 1.4rem!important;
}

.yd-tabbar-icon i {
	font-size: 0.5rem!important;
}

.yd-slider-pagination-item-active {
	background-color: #c7000a;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}
</style>